<!-- Generated template for the TestComponent component -->
<!--<div style="position: fixed;top:0;left: 0">-->
<!--{{text}}-->
<!--</div>-->
<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>{{listRes}}</ion-title>
  </ion-navbar>

</ion-header>
<div style="overflow-y: auto;height: 100%;padding: 46px 0;background: #fff;" [ngClass]="{'hidden': z}">
  <div class="countdown" *ngIf="z">
    <div>计时：
      <span class="CouTime">{{nextBtnText}}</span>
    </div>
    <ion-icon (click)="TimeSuspended()" name={{TimeIcon}} class="md-play">
      <span>{{TimeText}}</span>
    </ion-icon>
  </div>
  <div style="padding: 12px;background: #fff;">
    <div style="padding: 12px;" *ngFor="let item of topiclist ;let i = index;" [ngClass]="{'unCompleteTopic': item.isComplte==false}"
      [id]="item.FTopicId" (click)=wtjtz(item) style="position: relative;">
      <page-question-single *ngIf="item.FShow&&(item.FType=='10001')" [topic]="item" [poneSet]="testData.Que.Phoneset" [testData]="testData" [topicIndex]="i"></page-question-single>
      <page-question-vote *ngIf="item.FShow&&(item.FType=='10012')" [topic]="item" [poneSet]="testData.Que.Phoneset" [testData]="testData" [topicIndex]="i"></page-question-vote>
      <page-question-sort *ngIf="item.FShow&&(item.FType=='10011')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-sort>
      <page-question-job *ngIf="item.FShow&&(item.FType=='30012')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-job>
      <page-question-map *ngIf="item.FShow&&(item.FType=='30014')&&(item.hasw==1)" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-map>
      <page-question-checkbox *ngIf="item.FShow&&item.FType=='10002'" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-checkbox>
      <!--<page-question-city [list]="this.res"></page-question-city>-->
      <page-question-select *ngIf="item.FShow&&item.FType=='10015'" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-select>
      <!--<page-question-single [list]="this.res"></page-question-single>-->
      <page-question-area *ngIf="item.FShow&&(item.FType=='10007')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-area>
      <page-queation-linkage *ngIf="item.FShow&&(item.FType=='10017')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-queation-linkage>
      <!--<page-question-commodity [list]="this.res"></page-question-commodity>-->
      <page-question-completion *ngIf="item.FShow&&(item.FType=='10003')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-completion>
      <page-question-images *ngIf="item.FShow&&item.FType=='10013'" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-images>
      <!--<page-question-proportion *ngSwitchCase="'10016'" [topic]="item" [topicIndex]="i"></page-question-proportion>-->
      <!--<page-question-score [list]="this.res"></page-question-score>-->
      <!--<page-question-sort [list]="this.res"></page-question-sort>-->
      <page-question-time *ngIf="item.FShow&&(item.FType=='10010')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-time>
      <page-question-subjectivity *ngIf="item.FShow&&item.FType=='10004'" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-subjectivity>
      <page-question-test-completion *ngIf="item.FShow&&item.FType=='10020'" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-test-completion>
      <page-question-test-single *ngIf="item.FShow&&(item.FType=='10018') && item.FselectItemNum==0" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-test-single>
      <page-question-test-checkbox *ngIf="item.FShow&&(item.FType=='10018') && item.FselectItemNum==1" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-test-checkbox>
      <page-question-score *ngIf="item.FShow&&item.FType=='10006'" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-score>
      <page-question-matrix-single *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000501')" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-matrix-single>
      <page-question-matrix-chebox *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000502')" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-matrix-chebox>
      <page-question-matrix-select *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000503')" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-matrix-select>
      <page-question-matrix-text *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000504')" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-matrix-text>
      <page-question-matrix-score *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000505')" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-matrix-score>
      <page-question-matrix-slide *ngIf="item.FShow&&(item.FType=='10005')&&(item.FAnswerForm=='1000506')" [poneSet]="testData.Que.Phoneset" [topic]="item" [topicIndex]="i"></page-question-matrix-slide>
      <page-question-matrix-proportion *ngIf="item.FShow&&(item.FType=='10016')" [topic]="item" [poneSet]="testData.Que.Phoneset" [topicIndex]="i"></page-question-matrix-proportion>
      <!--<page-question-matrix [list]="this.res"></page-question-matrix>-->
    </div>
  </div>


  <div [ngClass]="{'showfix': show}"></div>
  <div class="btn" *ngIf="y">
    <div>
      <button class="btn1" (click)="previewDownload()">下载</button>
    </div>
    <div>
      <button class="btn2" (click)="backpage()">取消</button>
    </div>
  </div>

  <div style="margin-bottom: 76px" class="btn" *ngIf="z">
    <div>
      <button #subt class="btn1 btnsub" (click)="submit()">提交 {{timesub}}</button>
    </div>
    <div>
      <button class="btn2" (click)="backpage()">取消</button>
    </div>
  </div>

</div>
